/* NOTE: This file was generated as an optimized version of "library.source.less" for the Theme Designer. */

/*!
 * OpenUI5
 * (c) Copyright 2009-2019 SAP SE or an SAP affiliate company.
 * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
 */

@import "../../../../../../Base/baseLib/baseTheme/base.less"; /* ORIGINAL IMPORT PATH: "../../../../../sap/ui/core/themes/base/base.less" */

@import "../../../../../sap/ui/core/themes/base/global.less";
/* START "Overlay.less" */
/******************************************************************
	Style of the DT Overlays - base Theme
*******************************************************************/
@_sap_ui_dt_Overlay_FocusColor : @sapUiContentFocusColor;		//#000
@_sap_ui_dt_Overlay_TargetZoneColor : @sapUiSelected;			//#2e9cea
@_sap_ui_dt_Overlay_SelectionColor : lighten(@sapUiBlue,10);	//#3333ff
@_sap_ui_dt_Overlay_CuttedColor : @sapUiWhite;					//#fff

#overlay-container {
	position: absolute;
	top: 0;
	left: 0;
}

.sapUiDtOverlay {
	position: absolute;
	outline: none;

	// please, don't use border property, it cause the size change of an overtla and box-sizing: border box doesn't work with position: absolute and absolute sizing
	// please, don't use outline property, outline can be invisible due to overflow:hidden of parent
	// instead you should use pseudo elements to special border-like styling:
	// :before pseudoelement should be used for focus visualisation
	// :after pseudoelement should be used for other border-like visualisations

	&:before, &:after {
		position: absolute;
		pointer-events: none;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		box-sizing: border-box;
		z-index: 2;
		box-shadow: none;
	}
}

.sapUiDtOverlayFocusable {
	&:focus {
		&:before {
			content: " ";
			border: 1px dotted @_sap_ui_dt_Overlay_FocusColor;
		}
	}
}

.sapUiDtDummyScrollContainer {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}

.sapUiDtOverlayDropZone {
	z-index: 9999999 !important;
}

.sapUiDtOverlayTargetZone {
	&:after {
		content: " ";
		outline: 2px dashed @_sap_ui_dt_Overlay_TargetZoneColor;
		outline-offset: -2px;
	}
}

.sapUiDtOverlaySelected {
	&:after {
		content: " ";
		outline: 2px dashed @_sap_ui_dt_Overlay_SelectionColor;
		outline-offset: -2px;
	}
}

.sapUiDtOverlayMovable {
	cursor: move;
}

.sapUiDtOverlayCutted {
	background-color: @_sap_ui_dt_Overlay_CuttedColor !important;
	opacity: 0.5;
}

.sapUiDtDragGhostWrapper {
	position: fixed;
	pointer-events: none;
}

/* fix ghost blinking in FireFox */
.sap-desktop[data-sap-ui-browser^="ff"] .sapUiDtDragGhostWrapper {
	top: -9999px;
	left: -9999px;
}

/* fix for chrome */
.sap-desktop[data-sap-ui-browser^="cr"] {

	.sapUiDtDragGhostWrapper {
		padding-left : -500px;
		padding-bottom: 500px;
		bottom: -1000px;
	}

}

.sapUiDtClonedDom {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;

	* {
		pointer-events: none !important;
	}
}

.sapUiDtOverlayScrollContainer {
	position: absolute;
}
/* END "Overlay.less" */

/* START "ContextMenu.less" */
/******************************************************************
	Style of the DT Contextmenu - base Theme
*******************************************************************/
@_sap_ui_dt_ContextMenu_BoxShadow: @sapUiUx3ToolPopupShadow;			// 0px 6px 12px 0px fade(black, 30);
@_sap_ui_dt_ContextMenu_FocusColor: @sapUiWhite;						// #fff

.sapUiDtContextMenu {

	.sapMPopoverScroll {
		margin-right: 0 !important;
	}

	.sapMBtnInner {
		text-align: left;
	}

	&.sapMPopover, .sapMPopover {
		opacity: 0;
		min-width: 0;
		transition: box-shadow .25s;
		box-shadow: @_sap_ui_dt_ContextMenu_BoxShadow;
		padding: 0.2rem;

		&.sapUiDtContextMenuVisible {
			opacity: 1;
		}
	}

	&.sapMPopoverArr, .sapMPopoverArr {
		bottom: -9px;
		left: 13px!important;

		&:after {
			box-shadow: none;
			width: 0.7rem;
			height: 0.7rem;
		}

		&.sapMPopoverArrUp {
			top: -9px;
		}
	}
	&.sapUiDtContextMenuRightArrow{
		&.sapMPopoverArr, .sapMPopoverArr {
			left: unset!important;
			right: 13px!important;
		}
	}
}

.sapUiSizeCozy .sapUiDtContextMenu.sapUiDtContextMenuRightArrow{
	&.sapMPopoverArr, .sapMPopoverArr {
		left: unset!important;
		right: 16px!important;
	}
}

.sapUiSizeCozy .sapUiDtContextMenu{
	&.sapMPopoverArr, .sapMPopoverArr {
		left: 16px !important;
	}
}

html.sap-desktop .sapUiDtContextMenu .sapMBtn:focus > .sapMFocusable,
html.sap-desktop .sapUiDtContextMenu.sapMBtn:focus > .sapMFocusable {
	border: 1px dotted @_sap_ui_dt_ContextMenu_FocusColor;
	outline: none;
}

.sapUiSizeCompact .sapUiDtContextMenu .sapMBtn {
	padding-left: 1px;
	padding-right: 1px;
}
/* END "ContextMenu.less" */

/* START "shared.less" */
/* This CSS shares it rules with all other CSS of this library */
/* END "shared.less" */
